@charset "utf-8";
@import "../variable";

html, body {
  height: 100%;
}
body {
  color: #ccc;
  background-image: url(../../images/bg.png);
  background-size: cover;
}

header {
  position: relative;
  height: 1.6rem;
  line-height: 1.6rem;
  background-color: $header-bg;

  h1 {
    margin: 0;
    color: $header-main-color;
    font-size: 0.52rem;
    line-height: 1.6rem;
    text-align: center;
  }
  .right {
    position: absolute;
    top: 0;
    right: 15%;
    margin: 0;
    padding: 0;
    height: 100%;

    a.import {
      display: inline-block;
      padding: 0 0.4rem;
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.44rem;
      color: $header-main-color;
      border: 1px solid $header-main-color;
      text-decoration: none;
      border-radius: 0.4rem;
    }
  }
}

main {
  width: 90%;
  margin: 0 auto;

  .type {
    margin-top: 1rem;

    .title {
      border-bottom: 1px solid $type-color;

      a {
        color: $header-bg;
        font-size: 0.48rem;
        line-height: 1rem;
        text-decoration: none;
      }
    }
    .hospital-list {
      li {
        a {
          color: #333;
          font-size: 0.4rem;
          line-height: 1rem;
          text-decoration: none;
        }
        a:hover {
          color: $header-bg;
        }
      }
    }
  }
}